﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="FBApp.NewsFeedBalloon"
	x:Name="UserControl"
	>
	<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" d:DesignWidth="489.5" d:DesignHeight="165.32" Width="360">
		<Border x:Name="border" BorderBrush="#FF3B5998" BorderThickness="1" Margin="0" CornerRadius="4" Background="#FFE1E6EE" MinHeight="42">
			<Border.Effect>
				<DropShadowEffect/>
			</Border.Effect>
		</Border>
		<Border BorderBrush="{x:Null}" BorderThickness="1" Margin="8,8,0,8" HorizontalAlignment="Left" Width="60" Height="60" Background="White" CornerRadius="2" VerticalAlignment="Top">
			<Image x:Name="imgPicture" Width="50" Height="50" />
		</Border>
		<Grid Margin="75,10,0,0" Width="Auto">
			<Grid.RowDefinitions>
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
				<RowDefinition Height="Auto" />
			</Grid.RowDefinitions>
			<TextBlock x:Name="txtFromName" HorizontalAlignment="Left" Margin="7.5,0,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Style="{DynamicResource FacebookTextStyle}" FontWeight="Bold"/>
			<TextBlock x:Name="txtMessage" HorizontalAlignment="Left" Margin="7.5,0,0,0" TextWrapping="Wrap"  VerticalAlignment="Stretch" Style="{DynamicResource FacebookTextStyle}" Foreground="Black" Width="Auto" Grid.Row="1"/>
			<Grid Height="Auto" Width="Auto" Margin="0" Grid.Row="3">
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="Auto"/>
					<ColumnDefinition Width="*" />
				</Grid.ColumnDefinitions>
				<Image x:Name="imgAttributePicture" Height="16" Margin="7.5,3.76,0,3.76" VerticalAlignment="Stretch" Width="Auto"/>
				<Label x:Name="lblcreatedTime" HorizontalAlignment="Left" Margin="0" Height="Auto" Foreground="#FF999999" Grid.Column="1" VerticalContentAlignment="Center"/>					
			</Grid>
			<Grid x:Name="grdLink" Height="Auto" Width="Auto" Margin="0" Grid.Row="2" d:LayoutOverrides="GridBox" Visibility="Collapsed" >
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="Auto"/>
					<ColumnDefinition Width="*" />
				</Grid.ColumnDefinitions>
				<Image x:Name="imgLinkPicture" Grid.Column="0" Height="Auto" Margin="7.5,3.76,0,3.76" VerticalAlignment="Stretch" Width="Auto" />
				<Grid Grid.Column="1" Margin="4,0,0,0" Width="Auto" >
					<Grid.RowDefinitions>
						<RowDefinition Height="Auto"/>
						<RowDefinition Height="Auto"/>
					</Grid.RowDefinitions>
					<TextBlock x:Name="lbllinkTitle" Grid.Row="0" HorizontalAlignment="Stretch" Margin="0" Height="Auto" Foreground="#FF3B5998" Grid.Column="1" FontWeight="Bold" />
					<TextBlock x:Name="lbllinkDescription" Grid.Row="1"  HorizontalAlignment="Stretch" Margin="0" Height="Auto" Foreground="Black" Grid.Column="1"  FontFamily="lucida grande" TextWrapping="Wrap"/>										
				</Grid>					
			</Grid>
			<Grid x:Name="grdComments" Height="104" Margin="0,0,0,-104" Grid.Row="4" VerticalAlignment="Bottom" Visibility="Collapsed">
				
				<ItemsControl Height="Auto" Margin="0" Grid.Row="0" VerticalAlignment="Stretch" Width="Auto" d:LayoutOverrides="VerticalAlignment"/>
			</Grid>
		</Grid>
	</Grid>
</UserControl>